<!DOCTYPE html>
<html>
<head>
    <script src="../build/react.js"></script>
    <script src="../build/react-dom.js"></script>
    <script src="../build/browser.min.js"></script>
</head>
<body>
<div id="example"></div>
<script type="text/babel">

    var PropTypes = React.PropTypes;
    class Greeting extends React.Component {
        render() {
            return (
                    <h1>Hello, {this.props.name}</h1>
            );
        }
    }

    Greeting.propTypes = {
        name: PropTypes.string
    };

    Greeting.defaultProps = {
        name: "Madao"
    };

    ReactDOM.render(
        <div>
            <Greeting />
        </div>,
        document.getElementById("example")
    );

</script>
</body>
</html>

